<!-- 整个主体由两个表格组成,表格里面在嵌套表格和div盒子 -->
<!DOCTYPE html >
<!--<html lang="en"> 使网站为英语网站 -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>我的驿站</title>
<link href="VScode-2.css" rel="stylesheet"/>
<!-- 引用css -->
</head>
 
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="nav">
  <tr>
    <!-- target="_blank"创建一个新的空白页面来打开这个界面 -->
    <td><img src="images/logo-yz.png"  height="100" /></td>
    <td width="100" align="center"><a href="index.html">主页</a></td>
    <td width="100" align="center"><a href="2.html">我的偶像</a></td>
    <td width="100" align="center"><a href="3.html">我的相册</a></td>
    <td width="100" align="center"><a href="4.html">我的日志</a></td>
    <td width="100" align="center"><a href="5.html">我的音乐</a></td>
  </tr>
</table><!--此table用来做导航栏--> 
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0" class="main">
  <tr>
    <td></td>
  </tr>
  <tr>
    <td><table width="760" border="0" cellspacing="10" cellpadding="0">
      <tr>
        <td><div class="yuan1">
          <p >我的个人简介</p>  
          <p >姓名：钟樟源</p>
          <p >性别：男</p>
          <p >生日：2004.04.18</p>
          <p >爱好：唱歌（虽然五音不全），听歌，</p>
          <p>乒乓球，学习，打打游戏</p>
          <p >你看&#8212;&#8212;</p>
        </td>
        <td></div><img src="images/1.jpg" width="383" height="289" /></td>
      </tr>
      <tr>
        <td><img src="images/2.jpg" width="400" /></td>
        <td><div class="yuan1">
          <p></p>
          <p>我感觉我的兴趣还算广泛</p>
          <p>包括吃喝玩乐睡 </p>
          <p>想要去旅行，在大学期间，至少一次</p>
          <p>因为家住深山，所以闲着没事会去爬爬山 </p>
          <p>要是还是闲的无聊的话也会扯起嗓子唱两句 </p>
        </td></div>
      </tr>
      <tr>
        <td><div class="yuan1">
          <p>什么吉他，竹笛啊，那都不会，嘿嘿 </p>
          <p>本人就是典型的宅男 </p>
          <p>嗯...我的朋友不多，但都玩的很好，不是刻意的交成的朋友</p>
          <p>人世肯相逢，知己幸有七八</p>
          <p>综上所述要想更多地了解我，就来看看我的小世界吧</p>
        </td></div>
        <td><img src="images/3.jpg" width="400" /></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>